<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>搜索</title>
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/search.css" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src='js/fastclick.js'></script>
		<script src='js/md5.js'></script>
		<script src='js/vue2.0.min.js'></script>
	</head>

	<body>
		<div id='app' v-cloak>
			<div class='searchPage'>
				<search-header @toback='toBackground' :login-state='loginState' :login-info='loginInfo.Name'></search-header>
				<div class='searchList'>
					<div class='content animated bounceInDown'>
						<div class='top'>
							<img src="img/PCindex/jiqiren.png" alt="" />
							<span>协强管家</span>
						</div>
						<div class='searchContent'>
							<input type="text" placeholder="协强定制网" v-model="keyWord" />
							<span class='font_family icon-sousuo' @click="clickSearchBtn"></span>
						</div>
					</div>
					<div class='main'>
						<div class='left'>
							<p>协强管家为您找到相关结果约{{TotalCount>0?TotalCount:0}}个</p>
							<ul class='list'>
								<li :class="index==0?'listLiCur':''" @click="toDetail(item.RecordType,item.ID)" v-for='(item,index) in searchData'>
									<h2 class='oneline'><span class='oneline' v-html='item.Title'></span>{{item.Date}}</h2>
									<!--<h4 class='oneline'>来源：广东省住房和城乡建设厅</h4>-->
									<p v-html='item.Content'></p>
									<!--<h3 class='oneline'>http://xieqiangjiaoyu.com/Module/ColumnClass.aspx</h3>-->
								</li>
								<!--<li>
									<h2 class='oneline'><span class='oneline'>[文件] 广东省住房和城乡建设厅 广东省公安消防总队 广东省人民防空办...</span>2018年09月20日</h2>
									<h4 class='oneline'>来源：广东省住房和城乡建设厅</h4>
									<p>其中广东粤海控股集团有限公司33亿元停车场...专项债券，能兴控股集团有限公司5亿元停车场专项债券。同时，有序推动 PPP模式</p>
									<h3 class='oneline'>http://xieqiangjiaoyu.com/Module/ColumnClass.aspx</h3>
								</li>
								<li>
									<h2 class='oneline'><span class='oneline'>[文件] 广东省住房和城乡建设厅 广东省公安消防总队 广东省人民防空办...</span>2018年09月20日</h2>
									<h4 class='oneline'>来源：广东省住房和城乡建设厅</h4>
									<p>其中广东粤海控股集团有限公司33亿元停车场...专项债券，能兴控股集团有限公司5亿元停车场专项债券。同时，有序推动 PPP模式</p>
									<h3 class='oneline'>http://xieqiangjiaoyu.com/Module/ColumnClass.aspx</h3>
								</li>-->
							</ul>
						</div>
						<div class='right animated zoomInRight'>
							<ul>
								<li>办事服务</li>
								<li class='oneline' @click="clickClassWord">广东省住房和城乡建设厅</li>
							</ul>
							<ul>
								<li>搜索分类</li>
								<li class='oneline' @click="clickClassWord">招标资讯</li>
								<li class='oneline' @click="clickClassWord">企业库</li>
								<li class='oneline' @click="clickClassWord">人才库</li>
							</ul>
							<ul>
								<li>相关搜索</li>
								<li class='oneline' @click="clickClassWord">一站式服务</li>
							</ul>
						</div>
					</div>
				</div>
				<!--分页-->
				<div class="f_page" v-if='totalPage>0'>
					<ul>
						<li class="quo" @click="maxLeftClick">
							<a>&laquo;</a>
						</li>
						<li>
							<a @click="leftClick">&larr;</a>
						</li>
						<li :class="currentPage==i?'cur':''" v-for='i in pageArr' @click="clickTarget(i)">
							<a>{{i}}</a>
						</li>
						<li>
							<a @click="rightClick">&rarr;</a>
						</li>
						<li class="quo" @click="maxRightClick">
							<a>&raquo;</a>
						</li>
					</ul>
					<ol class="fles">
						<li><input type="text" placeholder="1" v-model='currentPages' /></li>
						<li class="go" @click="goPage">
							<a><b>Go</b></a>
						</li>
					</ol>
				</div>
			</div>
			<login :show-login='showLogin' @loginfun='loginBtn' @hidemodal='hideModal'></login>
		</div>
		<script src='js/public.js'></script>
		<script src='js/page.js'></script>
		<script src='js/login.js'></script>
		<script src='js/isLogin.js'></script>
		<script src='js/searchHeader.js'></script>
		<script src='js/searchList.js'></script>
	</body>

</html>